<template>
  <div class="father">
    <button @click="count += 1000">赚钱: {{ count }}</button>
    <!-- 1.  父组件内， 给子组件标签，身上写属性 -->
    <!-- 传递注意：💥可以传任意数据类型， 
        非字符串(变量， 对象、数字)要用v-bind绑定
    -->
    <little-horse
      xxx-xx="我是连字符串传来的数据"
      :count="99"
      :list="[1, 2, 3]"
      :xxx="count"
    ></little-horse>
  </div>
</template>

<script>
import LittleHorse from "./LittleHorse.vue";
export default {
  components: { LittleHorse },
  data() {
    return {
      count: 1000,
      list: [1, 2, 3],
    };
  },
};
</script>

<style scoped>
.father {
  border: 5px solid #ccc;
  border-radius: 10px;
  padding: 50px;
}
</style>
